body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-image: url('../img/p609017693.jpg');
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
  }

  .navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
    overflow: hidden;
  }

  .navbar li {
    float: left;
  }

  .navbar li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    cursor: url('../shubiao/pwss1ize.cur'), auto;
  }

  .navbar li a:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 鼠标悬停时的背景颜色 */
    cursor: url('../shubiao/pwss1ize.cur'), auto;
  }

.search-bar {
  position: absolute;
  top: 9px;
  right: 10px;
  display: flex; /* 将搜索框和按钮放在同一行 */
  align-items: center; /* 垂直居中对齐 */
}

.search-bar input[type="text"] {
  padding: 10px 15px;
  border: none;
  border-radius: 20px 0 0 20px;
  cursor: url('../shubiao/pvscr1oll.cur'), auto;
}

.search-bar input[type="button"] {
  padding: 10px 15px;
  border: none;
  border-radius: 0 20px 20px 0;
  background-color: #ddd;
  cursor: url('../shubiao/pwss1ize.cur'), auto; 
  margin-right: 5px; /* 调整右边距使按钮向右移动 */
  position: relative; 
  left: 4px; 
  top: -4px;
}


  .content {
    padding-top: 120px;
    margin: 0 auto;
    max-width: 800px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .icon-row {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 20px 0;
    background-color: #fff;
    overflow: auto;
    white-space: nowrap;
  }

  .icon-row img {
    display: inline-block;
    margin: 0 10px;
    width: 50px; /* 设置头像的宽度 */
    height: 50px; /* 设置头像的高度 */
    border-radius: 50%;
    cursor: pointer;
  }

  .timeline {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .post {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
  }

  .post:last-child {
    border-bottom: none;
  }

  .post-title {
    font-size: 24px;
    color: #333;
    margin: 0 0 10px 0;
  }

  .post-intro {
    font-size: 18px;
    color: #666;
    margin: 0;
  }

  .post-meta {
    font-size: 14px;
    color: #999;
    text-align: right;
  }

  .timeline-text {
    font-size: 18px;
    color: #333;
    order: 1;
  }

  /* 使用自定义光标图像 */
  * {
    cursor: url('../shubiao/normal1.cur'), auto;
  }

  /* 图片触碰时的鼠标样式 */
  img:hover {
    cursor: url('../shubiao/pwss1ize.cur'), auto;
  }



  .personal-info-table {
  width: 100%; /* 设置表格宽度为100% */
  border-collapse: collapse; /* 折叠边框 */
  margin-bottom: 20px; /* 添加底部外边距 */
  background-color: #f9f9f9; /* 设置表格背景颜色 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  border-radius: 50px; /* 设置边框圆角为椭圆形状 */
  overflow: hidden; /* 隐藏溢出的内容 */
}

.personal-info-table td {
  padding: 12px 15px; /* 设置单元格内边距 */
  border: none; /* 隐藏边框 */
}

.personal-info-table tr:not(:last-child) td {
  border-bottom: 1px solid #eaeaea; /* 为除了最后一行之外的单元格添加底部边框 */
}

.edit-profile-td {
  text-align: right; /* 将按钮对齐到右边 */
  vertical-align: middle; /* 垂直居中 */
}

.edit-profile-btn {
  padding: 10px 20px; /* 设置按钮内边距 */
  background-color: #007bff; /* 设置按钮背景颜色 */
  color: white; /* 设置按钮文字颜色 */
  border: none; /* 移除按钮边框 */
  border-radius: 50px; /* 设置按钮边框圆角为椭圆形状 */
  cursor: pointer; /* 设置鼠标悬停时的指针样式 */
  outline: none; /* 移除焦点时的轮廓 */
  font-size: 14px; /* 设置字体大小 */
  margin-left: 10px; /* 添加左边距 */
}

.edit-profile-btn:hover {
  background-color: #0056b3; /* 设置按钮鼠标悬停时的背景颜色 */
  cursor: url('../shubiao/pwss1ize.cur'), auto;
}

#save-button,
#cancel-button {
  cursor: url('../shubiao/pwss1ize.cur'), auto;
}


/* 弹窗背景 */
.modal-background {
display: none; /* 默认隐藏 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}

/* 弹窗内容 */
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background: white;
border-radius: 10px; /* 圆角边框 */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
z-index: 2;
width: 90%; /* 限制弹窗宽度 */
max-width: 500px; /* 最大宽度 */
}

/* 弹窗内部布局使用Flexbox */
.modal-body {
display: flex;
flex-direction: column;
}

/* 样式化输入框和按钮 */
input[type="text"], input[type="file"] {
width: calc(100% - 20px); /* 减去padding的宽度 */
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 5px; /* 圆角边框 */
cursor: url('../shubiao/pvscr1oll.cur'), auto;
}

/* 按钮容器 */
.button-container {
display: flex;
justify-content: space-between; /* 按钮间隔开 */
margin-top: 10px;
}

button {
background-color: #5cb85c; /* 绿色背景 */
color: white;
padding: 10px 15px;
border: none;
border-radius: 5px; /* 圆角边框 */
cursor: pointer;
flex-grow: 1; /* 按钮填满空间 */
margin: 0 5px; /* 两边的间隔 */
}

button:hover {
background-color: #4cae4c; /* 深绿色背景 */
}

#avatar-input{
  cursor: url('../shubiao/pwss1ize.cur'), auto;
}

